.brands {
    padding: 10px 20px;
    background-color: rgb(238, 236, 236);

    .shop {
        padding: 16px;
        background-color: white;
        margin-bottom: 10px;
        border-radius: 10px;
        .top {
            display: flex;
            justify-content: space-between;

            .left {
                display: flex;

                .pic {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;

                    img {
                        width: 100%;
                    }
                }

                .text {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;

                    .name {
                        font-size: 16px;
                    }

                    .discount {
                        color: rgb(183, 182, 182);
                    }
                }
            }

            .right {
                padding: 10px 0 0 10px;
                border-left: 1px solid #ccc;
                box-sizing: border-box;

                p {
                    padding: 0;
                    margin: 0;
                }

                .p2 {
                    color: #ccc;
                }
            }
        }

        .content {
            margin-top: 30px;
            display: flex;
            justify-content: space-between;
            .item {
                width: 30%;

                .goodpic {
                    width: 100%;

                    img {
                        width: 100%;
                    }
                }

                .price {
                    span {
                        color: red;
                    }
                }

                .oldprice {

                    color: #ccc;
                    text-decoration: line-through;
                }
            }
        }
    }
}